<?php
require_once ("src/db/connectdatabase.php");

$title = "Tính lãi suất và số tiền cho vay tín chấp tiêu dùng - Tài Chính Online";
$keywords = "lãi suất cho vay vay tín chấp, cách tính lãi suất, tính số tiền phải trả hàng tháng, tính số tiền vay tín chấp, ước tính số tiền vay, khoản phải trả hàng tháng, công cụ tính lãi suất vay vốn";
$description = "Các phương pháp tính lãi suất vay tín chấp và công cụ tính lãi suất và số tiền cho vay trả góp tín chấp tiêu dùng cá nhân tốt nhất hiện nay - Tài Chính Online";

function getIntroLoan() {
	$con = new ConnectDB();
	$tbl = "loans";
	$fn = array('info_emi_loan', 'intro_emi_footer_loan');
	$condetion = array('loan_id' => "vay_ca_nhan");
	return $con -> getvalue($tbl, $fn, $condetion);
}
function getRateBasicPros() {
	$con = new ConnectDB();
	
	$sql = "Select r.bankid, b.bankname, r.basic_rate1, r.basic_rate2 FROM rate_basic_persional as r, banks as b WHERE r.bankid = b.bankid AND r.basic_isuse=1 ORDER BY r.bankid";
	return $con -> getvalueString($sql);
}

$intro = getIntroLoan();

$ratedatebasic = getRateBasicPros();
?>
<link rel="stylesheet" type="text/css" href="<?php echo($host); ?>css/jquery_ui_css.css"/>
<script type="text/javascript" src="<?php echo($host); ?>js/jquery-ui.js"></script>
<script type="text/javascript" src="<?php echo($host); ?>js/highcharts.js"></script>
<script type="text/javascript" src="<?php echo($host); ?>js/amort1.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo($host); ?>css/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="<?php echo($host); ?>css/home-loan-emi-calculator.css"/>
<style>
.emi_right_box {
	float: left;
	width: 340px;
	border: 5px solid #547295;
}

.emi_sum_amount {
	float: left;
	padding: 5px;
	width: 160px;
}

.emi_sum_value {
	float: right;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	width: 158px;
	height: 15px;
}

.default_td {
	border: 1px solid #DBDAD7;
	background: #fffff;
	border-top: 0;
	font: 12px Arial, Helvetica, sans-serif;
}
</style>
<script type="text/javascript">
//loan amount
$(function() {
			$( "#slider_la" ).slider({
			range: "min",
			value: 20000000,
			min: 10000000,
			step: 10000000,
			max:  500000000,
			slide: function( event, ui ) {
				$( "#amount_1a" ).val( "" + ui.value );
			}
			,change:function(){EMI_calc()}
		});
		$( "#amount_1a" ).val( "" + $( "#slider_la" ).slider( "value" ) );
	});

//interest rate
$(function() {
			$( "#slider_intr" ).slider({
			range: "min",
			value: 14.5,
			min: 10,
			step: .5,
			max:  50,
			slide: function( event, ui ) {
				$( "#amount_intr" ).val( "" + ui.value );
			}
			,change:function(){EMI_calc()}
		});
		$( "#amount_intr" ).val( "" + $( "#slider_intr" ).slider( "value" ) );
	});

//loan tenure

$(function() {
			$( "#slider_lt" ).slider({
			range: "min",
			value: 3,
			min: 1,
			step: 1,
			max:  6,
			slide: function( event, ui ) {
				$( "#amount_lt" ).val( "" + ui.value );
			}
			,change:function(){EMI_calc()}
		});
		$( "#amount_lt" ).val( "" + $( "#slider_lt" ).slider( "value" ) );
		
	});

	
$(document).ready(function(e) {
    EMI_calc();
	$("#amount_1a").val($("#amount_1a").val()).change();
});

		
function EMI_calc(){
	var emiPrincipal=jQuery("#amount_1a").val();
	var emiRate=jQuery("#amount_intr").val()/12/100;
	var emiTenure=jQuery("#amount_lt").val()*12;
	var emi=emiPrincipal*emiRate*(Math.pow(1+emiRate,emiTenure)/(Math.pow(1+emiRate,emiTenure)-1));
	jQuery("#emi_monthly span").text(number_format(Math.round(emi)) + " VNĐ");
	jQuery("#total_intr span").text(number_format(Math.round(emi* emiTenure-emiPrincipal)) + " VNĐ");
	jQuery("#total_amt span").text(number_format(Math.round(emi*emiTenure)) + " VNĐ");
	jQuery("#loan_amt span").text(number_format(Math.round(emiPrincipal)) + " VNĐ");
	var month_emi=Math.round(emi);
	var emi_tenure=Math.round(emiTenure);
	var intRate = emiRate * 12 * 100;
	commitData(emiPrincipal,intRate,emiTenure);
	displayBarChart (emiPrincipal,intRate,emiTenure);
	fillrates(emiPrincipal,emiTenure);

	displayPieChart(month_emi,emi_tenure,emiPrincipal);
}

function fillrates(emiPrincipal,emiTenure)
{
	<?php
	foreach($ratedatebasic as $entry) {
		$idbank = preg_replace('/[\s]+/','',$entry[0]);
		echo('var '.$idbank.'_rate1='.$entry[2].'/1200;');
		echo('var '.$idbank.'_rate2='.$entry[3].'/1200;');
		echo('var getemicalc'.$idbank.'1=emiPrincipal*'.$idbank.'_rate1*(Math.pow(1+'.$idbank.'_rate1, emiTenure) / (Math.pow(1+'.$idbank.'_rate1, emiTenure) - 1));');
		echo('var getemicalc'.$idbank.'2=emiPrincipal*'.$idbank.'_rate2*(Math.pow(1+'.$idbank.'_rate2, emiTenure) / (Math.pow(1+'.$idbank.'_rate2, emiTenure) - 1));');
		echo('var viewemi'.$idbank.'=number_format(Math.round(getemicalc'.$idbank.'1)) + " VNĐ - " + number_format(Math.round(getemicalc'.$idbank.'2)) + " VNĐ";');
		echo('jQuery("#'.$idbank.'_bnk span").text(viewemi'.$idbank.');');
	}
	?>
	/*var hdfc_rate1=13.99/1200;
	var hdfc_rate2=22.25/1200;
	var getemicalcHDFC1=emiPrincipal*hdfc_rate1*(Math.pow(1+hdfc_rate1,emiTenure)/(Math.pow(1+hdfc_rate1,emiTenure)-1));
	var getemicalcHDFC2=emiPrincipal*hdfc_rate2*(Math.pow(1+hdfc_rate2,emiTenure)/(Math.pow(1+hdfc_rate2,emiTenure)-1));
	var viewemi=number_format(Math.round(getemicalcHDFC1)) + " VNĐ - " + number_format(Math.round(getemicalcHDFC2)) + " VNĐ";
	jQuery("#hdfc_bnk span").text(viewemi);
	//ICICI
	var icici1=14/1200;
	var icici2=18.5/1200;
	var getemicalcicici1=emiPrincipal*icici1*(Math.pow(1+icici1,emiTenure)/(Math.pow(1+icici1,emiTenure)-1));
	var getemicalcicici2=emiPrincipal*icici2*(Math.pow(1+icici2,emiTenure)/(Math.pow(1+icici2,emiTenure)-1));
	var viewemiicici=number_format(Math.round(getemicalcicici1)) + " VNĐ - " + number_format(Math.round(getemicalcicici2)) + " VNĐ";
	jQuery("#icici_bnk span").text(viewemiicici);
	//For Bajaj
	var bajaj1=15.75/1200;
	var bajaj2=17/1200;
	var getemicalcbajaj1=emiPrincipal*bajaj1*(Math.pow(1+bajaj1,emiTenure)/(Math.pow(1+bajaj1,emiTenure)-1));
	var getemicalcbajaj2=emiPrincipal*bajaj2*(Math.pow(1+bajaj2,emiTenure)/(Math.pow(1+bajaj2,emiTenure)-1));
	var viewemibajaj=number_format(Math.round(getemicalcbajaj1)) + " VNĐ - " + number_format(Math.round(getemicalcbajaj2)) + " VNĐ";
	jQuery("#bajaj_bnk span").text(viewemibajaj);
	//for ING Vysya
	var ing1=14.50/1200;
	var ing2=18.25/1200;
	var getemicalcing1=emiPrincipal*ing1*(Math.pow(1+ing1,emiTenure)/(Math.pow(1+ing1,emiTenure)-1));
		var getemicalcing2=emiPrincipal*ing2*(Math.pow(1+ing2,emiTenure)/(Math.pow(1+ing2,emiTenure)-1));
	var viewemiing=number_format(Math.round(getemicalcing1)) + " VNĐ - " + number_format(Math.round(getemicalcing2)) + " VNĐ";
	jQuery("#ing_bnk span").text(viewemiing);*/

}

function displayPieChart(month_emi,emi_tenure,emiPrincipal){ 
		piechart=new Highcharts.Chart({
			chart:{renderTo:"container",
			plotBackgroundColor:null,
			plotBorderWidth:null,
			width: 200,
			height:200,
			plotShadow:true},
			title:false,
			tooltip:{formatter:function(){return"<b>"+this.point.name+"</b>: "+this.y+" %"}},
			plotOptions:{
					pie:{allowPointSelect:true,cursor:"pointer",
						dataLabels:{enabled:false,  color: '#000000'},
					showInLegend:true}},
			series:[{type:"pie",
						name:" ",
						data:[["Số Tiền Cho Vay",
						Math.round(emiPrincipal* 100/(month_emi*emi_tenure))],
						{name:"Tổng Số Lãi",
						y:Math.round(100-emiPrincipal*100/(month_emi*emi_tenure)),
					sliced:true,selected:true}]}]})
		}
	
	function displayBarChart (loanAmount,intRate,numPay)
{
	var monPmt=calcMonthly(loanAmount,numPay,intRate);
	var finalVal = amortizePmtsCharts(loanAmount,intRate,numPay,monPmt);
 	
	var principalAxis = [];
	principalAxis = finalVal[0];
	var intrAxis = finalVal[1];
	var catxAxis = finalVal[2];
	var sWidth = screen.width;
	var totWidth;
	var totHeight;
	if(sWidth>680) { totWidth = 550; totHeight = 300; } else { totWidth = 300; totHeight = 200; }//550
 chart = new Highcharts.Chart({
            chart: {
                renderTo: 'barChart',
                type: 'bar',
				height:300
            },
            title: {
                text:false
            },
            xAxis: {
                categories: catxAxis, labels:{rotation:-25}
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Gốc + Lãi ( Đơn vị: Triệu Đồng )'
                }
            },
            legend: {
                backgroundColor: '#FFFFFF',
                reversed: true
            },
            tooltip: {
                formatter: function() {
                    return ''+
                        this.series.name +': '+ number_format(this.y) +'';
                }
            },
            plotOptions: {
                series: {
                    stacking: 'normal'
                }
            },
                series: [{
                name: 'Gốc',
                data: principalAxis
            }, {
               name: 'Lãi',
               data: intrAxis
            }]
        });
}	


</script>
<style type="text/css">

/* Big box with list of options */
#ajax_listOfOptions {
	position: absolute; /* Never change this one */
	width: 250px; /* Width of box */
	height: 160px; /* Height of box */
	overflow: auto; /* Scrolling features */
	border: 1px solid #317082; /* Dark green border */
	background-color: #FFF; /* White background color */
	color: black;
	text-align: left;
	font-size: 10px;
	z-index: 50;
}

#ajax_listOfOptions div {
	/* General rule for both .optionDiv and .optionDivSelected */
	margin: 1px;
	padding: 1px;
	cursor: pointer;
	font-size: 10px;
}

#ajax_listOfOptions .optionDivSelected { /* Selected item in the list */
	background-color: #2375CB;
	color: #FFF;
}

#ajax_listOfOptions_iframe {
	background-color: #F00;
	position: relative;
	z-index: 5;
}

form {
	display: inline;
}
</style>

<div class="text12"
            style="margin: auto; width: 100%; height: 11px; margin-top: 11px; color: #0a8bd9;">
            <u><a href="http://taichinhonline.vn" class="text12" style="color: #0080d6;">Trang chủ</a></u>&gt; <u><a href="<?php echo($host) ?>cho-vay-ca-nhan.html" class="text12" style="color: #0080d6;">Vay tín chấp</a></u>&gt; Công cụ tính toán</span>
        </div>
        <div style="clear: both;"></div>
        <div class="pl_emi_cal_text" style=" margin-top: 20px;">
            <?php 
            if(count($intro) == 1) {
            ?>
            <div class="text11" style="color: #4c4c4c; margin-top: 10px;"><?php echo($intro[0][0]) ?></div>
            <?php
            }
            ?>
        </div>
        <div style="clear: both;"></div>
        <div style="clear: both; height: 15px;"></div>
        <div class="process_sec"><strong>Bước 1: Vui lòng cung cấp thông tin cá nhân</strong></div>
        <div class="pl_form_emi_box">
				
				<style>
.ui-dialog {
	position: absolute;
	padding: .2em;
	width: 700px;
	overflow: hidden;
	z-index: 1001;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 16px .1em 0;
	font-size: 11px;
	line-height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus
	{
	padding: 0;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin: .5em 0 0 0;
	padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.ui-dialog .ui-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
</style>


<!--- bang dang ky --->
<?php 
	include('form_apply_personal.php');
?> <br>


<!---------------------------------------->

<div class="text" style="color: #4c4c4c; size: 18px; height: 37px; padding-left: 10px; clear:both">
        <span class="process_sec"><strong>Bước 2: Chọn thông tin thuộc tính theo nhu cầu (lãi suất được cập nhật theo <a style="text-decoration: none; color:#4c4c4c" href="<?php echo($host) ?>vay-tin-chap/lai-suat-cho-vay-ca-nhan.html">bảng bên trên</a>)</strong></span>
        
    </div>
    <div style="clear:both"></div>
<div class="hl_emi_process_box">
    <div style="border: #666666 1px solid; padding-left: 5px; background-color: #F8F8F8; margin-top: 10px;">
        <table border="0" cellpadding="3" cellspacing="2" width="95%" align="center">
            <tbody>
                <tr>
                    <td colspan="3" height="5"></td>
                </tr>
                <tr>
                    <td width="199" height="20" style="color: #333333; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif;">Số tiền vay<span style="font-weight: normal;">&nbsp;&nbsp;&nbsp;</span>
                    </td>
                    <td width="72"><input type="test" value="0" name="amount_1a" id="amount_1a" size="11" onchange=" EMI_calc();" maxlength="9"></td>
                    <td width="266"></td>
                </tr>
                <tr>
                    <td colspan="3" height="25"><div id="slider_la" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                            <div class="ui-slider-range ui-widget-header ui-slider-range-min" style=""></div>
                            <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 5.084745762711865%;"></a>
                        </div>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td colspan="3" height="20"></td>
                </tr>
                <tr>
                    <td height="20" style="color: #333333; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif;">Lãi suất</td>
                    <td><input type="test" value="0" name="amount_intr" id="amount_intr" size="11" onchange=" EMI_calc();" maxlength="6"></td>
                    <td style="color: #333333; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif;">% Mỗi năm</td>
                </tr>
                <tr>
                    <td colspan="3" height="25"><div id="slider_intr" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                            <div class="ui-slider-range ui-widget-header ui-slider-range-min" style=""></div>
                            <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 14.0625%;"></a>
                        </div>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td colspan="3" height="20"></td>
                </tr>
                <tr>
                    <td height="20" style="color: #333333; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif;">Thời hạn vay</td>
                    <td><input type="test" value="0" name="amount_lt" id="amount_lt" size="11" onchange=" EMI_calc();" maxlength="1"></td>
                    <td style="color: #333333; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif;">Năm</td>
                </tr>
                <tr>
                    <td colspan="3" height="25"><div id="slider_lt" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                            <div class="ui-slider-range ui-widget-header ui-slider-range-min" style=""></div>
                            <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 50%;"></a>
                        </div>
                    </td>
                </tr>
                <tr>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<div class="hl_emi_right_box">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td valign="middle" class="text" style="color: #4c4c4c; size: 18px; height: 37px; padding-left: 20px;">Kết Quả Mẫu</td>
            </tr>
            <tr>
                <td><div class="emi_right_box">
                        <div style="float: left; width: 100%; background-color: #F8F8F8; padding-bottom: 0px;">
                            <div class="emi_sum_amount" style="background-color: #F8F8F8;">Số tiền vay</div>
                            <div class="emi_sum_value" id="loan_amt" style="background-color: #F8F8F8;"><span>30,000,000 VNĐ</span></div>
                            <div class="emi_sum_amount" style="background-color: #DADADA;">Thanh toán hàng tháng</div>
                            <div class="emi_sum_value" id="emi_monthly" style="background-color: #DADADA;"><span>1,032,629 VNĐ</span></div>
                            <div class="emi_sum_amount" style="background-color: #F8F8F8;">Tổng số tiền lãi</div>
                            <div class="emi_sum_value" id="total_intr" style="background-color: #F8F8F8;"><span>7,174,656 VNĐ</span></div>
                            <div class="emi_sum_amount" style="background-color: #DADADA;">Tổng số tiền (gốc + lãi)</div>
                            <div class="emi_sum_value" style="background-color: #DADADA;" id="total_amt"><span>37,174,656 VNĐ</span></div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center"><div id="container" style="height: 200px;" data-highcharts-chart="0">
                        <div class="highcharts-container" id="highcharts-0" style="position: relative; overflow: hidden; width: 200px; height: 200px; text-align: left; line-height: normal; z-index: 0; font-family: &amp; amp; #39; Lucida Grande&amp;amp; #39; , &amp; amp; #39; Lucida Sans Unicode&amp;amp; #39; , Verdana , Arial, Helvetica, sans-serif; font-size: 12px;">
                            <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                width="200" height="200"> <defs> <clippath
                                id="highcharts-1"> <rect rx="0" ry="0" fill="none"
                                x="0" y="0" width="9999" height="200" stroke-width="0.000001"></rect></clippath>
                            <clippath id="highcharts-2"> <rect fill="none"
                                x="0" y="0" width="180" height="122"></rect></clippath></defs> <rect rx="5"
                                ry="5" fill="#FFFFFF" x="0" y="0" width="200" height="200"
                                stroke-width="0.000001"></rect> <g
                                class="highcharts-series-group" zIndex="3"></g> <g
                                class="highcharts-shadow" zIndex="4"
                                transform="translate(10,10)"> <path fill="none"
                                d="M 89.99068195093095 15.250000948918462 A 45.75 45.75 0 1 1 44.33905896929119 58.14676250723285 L 90 61 A 0 0 0 1 0 90 61 Z"
                                stroke="black" stroke-width="5" stroke-linejoin="round"
                                isShadow="true" stroke-opacity="0.049999999999999996"
                                transform="translate(1, 1)" x="90" y="61"></path> <path
                                fill="none"
                                d="M 89.99068195093095 15.250000948918462 A 45.75 45.75 0 1 1 44.33905896929119 58.14676250723285 L 90 61 A 0 0 0 1 0 90 61 Z"
                                stroke="black" stroke-width="3" stroke-linejoin="round"
                                isShadow="true" stroke-opacity="0.09999999999999999"
                                transform="translate(1, 1)" x="90" y="61"></path> <path
                                fill="none"
                                d="M 89.99068195093095 15.250000948918462 A 45.75 45.75 0 1 1 44.33905896929119 58.14676250723285 L 90 61 A 0 0 0 1 0 90 61 Z"
                                stroke="black" stroke-width="1" stroke-linejoin="round"
                                isShadow="true" stroke-opacity="0.15"
                                transform="translate(1, 1)" x="90" y="61"></path></g> <g
                                class="highcharts-shadow" zIndex="4"
                                transform="translate(3,3)"> <path fill="none"
                                d="M 44.33906182255151 58.14671684629324 A 45.75 45.75 0 0 1 89.98215839785266 15.25000347893748 L 90 61 A 0 0 0 0 0 90 61 Z"
                                stroke="black" stroke-width="5" stroke-linejoin="round"
                                isShadow="true" stroke-opacity="0.049999999999999996"
                                transform="translate(1, 1)" x="90" y="61"></path> <path
                                fill="none"
                                d="M 44.33906182255151 58.14671684629324 A 45.75 45.75 0 0 1 89.98215839785266 15.25000347893748 L 90 61 A 0 0 0 0 0 90 61 Z"
                                stroke="black" stroke-width="3" stroke-linejoin="round"
                                isShadow="true" stroke-opacity="0.09999999999999999"
                                transform="translate(1, 1)" x="90" y="61"></path> <path
                                fill="none"
                                d="M 44.33906182255151 58.14671684629324 A 45.75 45.75 0 0 1 89.98215839785266 15.25000347893748 L 90 61 A 0 0 0 0 0 90 61 Z"
                                stroke="black" stroke-width="1" stroke-linejoin="round"
                                isShadow="true" stroke-opacity="0.15"
                                transform="translate(1, 1)" x="90" y="61"></path></g> <g
                                class="highcharts-point" zIndex="5"
                                transform="translate(10,10)"> <path fill="#4572A7"
                                d="M 89.99068195093095 15.250000948918462 A 45.75 45.75 0 1 1 44.33905896929119 58.14676250723285 L 90 61 A 0 0 0 1 0 90 61 Z"
                                stroke="#FFFFFF" stroke-width="1" stroke-linejoin="round"></path>
                            <path fill="rgb(192,192,192)"
                                d="M 89.99068195093095 15.250000948918462 A 45.75 45.75 0 1 1 44.33905896929119 58.14676250723285 L 90 61 A 0 0 0 1 0 90 61 Z"
                                isTracker="1366707971819" fill-opacity="0.0001"
                                visibility="visible" style="cursor:pointer;"></path></g> <g
                                class="highcharts-point" zIndex="5"
                                transform="translate(3,3)"> <path fill="#AA4643"
                                d="M 44.33906182255151 58.14671684629324 A 45.75 45.75 0 0 1 89.98215839785266 15.25000347893748 L 90 61 A 0 0 0 0 0 90 61 Z"
                                stroke="#FFFFFF" stroke-width="1" stroke-linejoin="round"></path>
                            <path fill="rgb(192,192,192)"
                                d="M 44.33906182255151 58.14671684629324 A 45.75 45.75 0 0 1 89.98215839785266 15.25000347893748 L 90 61 A 0 0 0 0 0 90 61 Z"
                                isTracker="1366707971819" fill-opacity="0.0001"
                                visibility="visible" style="cursor:pointer;"></path></g> <g
                                class="highcharts-legend" zIndex="7"
                                transform="translate(18,142)"> <rect rx="5" ry="5"
                                fill="none" x="0.5" y="0.5" width="164" height="42"
                                stroke-width="1" stroke="#909090" visibility="visible"></rect>
                            <g zIndex="1" clip-path="url(#highcharts-1)"> <g> <g
                                class="highcharts-legend-item" zIndex="1"
                                transform="translate(8,3)"> <text x="21" y="15"
                                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;color:#3E576F;fill:#3E576F;"
                                text-anchor="start" zIndex="2"> <tspan x="21">Tổng Vay</tspan></text> <rect rx="2" ry="2" fill="#4572A7" x="0" y="4"
                                width="16" height="12" stroke-width="0.000001" zIndex="3"
                                stroke="#4572A7"></rect></g> <g class="highcharts-legend-item"
                                zIndex="1" transform="translate(8,19)"> <text x="21"
                                y="15"
                                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;color:#3E576F;fill:#3E576F;"
                                text-anchor="start" zIndex="2"> <tspan x="21">Tổng Lãi</tspan></text> <rect rx="2" ry="2" fill="#AA4643" x="0" y="4"
                                width="16" height="12" stroke-width="0.000001" zIndex="3"
                                stroke="#AA4643"></rect></g></g></g></g> <g class="highcharts-tooltip"
                                zIndex="8" style="padding:0;white-space:nowrap;"
                                visibility="hidden"> <rect rx="5" ry="5" fill="none"
                                x="0" y="0" width="10" height="10" stroke-width="5"
                                fill-opacity="0.85" isShadow="true" stroke="black"
                                stroke-opacity="0.049999999999999996"
                                transform="translate(1, 1)"></rect> <rect rx="5" ry="5"
                                fill="none" x="0" y="0" width="10" height="10"
                                stroke-width="3" fill-opacity="0.85" isShadow="true"
                                stroke="black" stroke-opacity="0.09999999999999999"
                                transform="translate(1, 1)"></rect> <rect rx="5" ry="5"
                                fill="none" x="0" y="0" width="10" height="10"
                                stroke-width="1" fill-opacity="0.85" isShadow="true"
                                stroke="black" stroke-opacity="0.15"
                                transform="translate(1, 1)"></rect> <rect rx="5" ry="5"
                                fill="rgb(255,255,255)" x="0" y="0" width="10" height="10"
                                stroke-width="2" fill-opacity="0.85"></rect> <text x="5"
                                y="18"
                                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333333;fill:#333333;"
                                zIndex="1"></text></g> <text x="190" y="195"
                                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:10px;cursor:pointer;color:#909090;fill:#909090;"
                                text-anchor="end" zIndex="8"></text> <g
                                class="highcharts-tracker" zIndex="9"></g></svg>
                        </div>
                    </div></td>
            </tr>
        </tbody>
    </table>
</div>

<div style="clear: both;"></div>
<div class="hl_emi_chart">
    <div id="barChart" data-highcharts-chart="1">
        <div class="highcharts-container" id="highcharts-3"
            style="position: relative; overflow: hidden; width: 623px; height: 300px; text-align: left; line-height: normal; z-index: 0; font-family: &amp; amp; #39; Lucida Grande&amp;amp; #39; , &amp; amp; #39; Lucida Sans Unicode&amp;amp; #39; , Verdana , Arial, Helvetica, sans-serif; font-size: 12px;">
            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="623"
                height="300"> <defs> <clippath id="highcharts-4">
            <rect rx="0" ry="0" fill="none" x="0" y="0" width="9999"
                height="300" stroke-width="0.000001"></rect></clippath> <clippath
                id="highcharts-5"> <rect fill="none" x="0" y="0"
                width="202" height="558"></rect></clippath></defs> <rect rx="5" ry="5"
                fill="#FFFFFF" x="0" y="0" width="623" height="300"
                stroke-width="0.000001"></rect> <g class="highcharts-grid"
                zIndex="1"></g> <g class="highcharts-grid" zIndex="1"> <path
                fill="none" d="M 134.5 10 L 134.5 212" stroke="#C0C0C0"
                stroke-width="1" zIndex="1"></path> <path fill="none"
                d="M 213.5 10 L 213.5 212" stroke="#C0C0C0" stroke-width="1"
                zIndex="1"></path> <path fill="none" d="M 293.5 10 L 293.5 212"
                stroke="#C0C0C0" stroke-width="1" zIndex="1"></path> <path
                fill="none" d="M 373.5 10 L 373.5 212" stroke="#C0C0C0"
                stroke-width="1" zIndex="1"></path> <path fill="none"
                d="M 453.5 10 L 453.5 212" stroke="#C0C0C0" stroke-width="1"
                zIndex="1"></path> <path fill="none" d="M 532.5 10 L 532.5 212"
                stroke="#C0C0C0" stroke-width="1" zIndex="1"></path> <path
                fill="none" d="M 612.5 10 L 612.5 212" stroke="#C0C0C0"
                stroke-width="1" zIndex="1"></path> <path fill="none"
                d="M 54.5 10 L 54.5 212" stroke="#C0C0C0" stroke-width="1"
                zIndex="1"></path></g> <g class="highcharts-axis" zIndex="2"> <path
                fill="none" d="M 55 111.5 L 50 111.5" stroke="#C0D0E0"
                stroke-width="1"></path> <path fill="none"
                d="M 55 162.5 L 50 162.5" stroke="#C0D0E0" stroke-width="1"></path>
            <path fill="none" d="M 55 212.5 L 50 212.5" stroke="#C0D0E0"
                stroke-width="1"></path> <path fill="none"
                d="M 55 61.5 L 50 61.5" stroke="#C0D0E0" stroke-width="1"></path>
            <path fill="none" d="M 54.5 10 L 54.5 212" stroke="#C0D0E0"
                stroke-width="1" zIndex="7" visibility="visible"></path></g> <g
                class="highcharts-axis" zIndex="2"> <text x="334" y="244"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#6D869F;font-weight:bold;fill:#6D869F;"
                zIndex="7" text-anchor="middle" visibility="visible"> <tspan
                x="334">Gốc + Lãi</tspan></text></g> <g
                class="highcharts-series-group" zIndex="3"> <g
                class="highcharts-series" visibility="visible" zIndex="0.1"
                transform="translate(613,212) rotate(90) scale(-1,1)" width="558"
                height="202" clip-path="url(#highcharts-5)"> <rect
                fill="none" x="164.5" y="30.5" width="24" height="312"
                stroke-width="5" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.049999999999999996"
                transform="translate(-1,-1)"></rect> <rect fill="none" x="164.5"
                y="30.5" width="24" height="314" stroke-width="3" stroke="black"
                rx="0" ry="0" isShadow="true"
                stroke-opacity="0.09999999999999999" transform="translate(-1,-1)"></rect>
            <rect fill="none" x="164.5" y="30.5" width="24" height="316"
                stroke-width="1" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.15" transform="translate(-1,-1)"></rect> <rect
                fill="#4572A7" x="164.5" y="30.5" width="24" height="317"
                stroke-width="1" stroke="#FFFFFF" rx="0" ry="0"></rect> <rect
                fill="none" x="114.5" y="30.5" width="24" height="361"
                stroke-width="5" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.049999999999999996"
                transform="translate(-1,-1)"></rect> <rect fill="none" x="114.5"
                y="30.5" width="24" height="363" stroke-width="3" stroke="black"
                rx="0" ry="0" isShadow="true"
                stroke-opacity="0.09999999999999999" transform="translate(-1,-1)"></rect>
            <rect fill="none" x="114.5" y="30.5" width="24" height="365"
                stroke-width="1" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.15" transform="translate(-1,-1)"></rect> <rect
                fill="#4572A7" x="114.5" y="30.5" width="24" height="366"
                stroke-width="1" stroke="#FFFFFF" rx="0" ry="0"></rect> <rect
                fill="none" x="63.5" y="30.5" width="24" height="418"
                stroke-width="5" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.049999999999999996"
                transform="translate(-1,-1)"></rect> <rect fill="none" x="63.5"
                y="30.5" width="24" height="420" stroke-width="3" stroke="black"
                rx="0" ry="0" isShadow="true"
                stroke-opacity="0.09999999999999999" transform="translate(-1,-1)"></rect>
            <rect fill="none" x="63.5" y="30.5" width="24" height="422"
                stroke-width="1" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.15" transform="translate(-1,-1)"></rect> <rect
                fill="#4572A7" x="63.5" y="30.5" width="24" height="423"
                stroke-width="1" stroke="#FFFFFF" rx="0" ry="0"></rect> <rect
                fill="none" x="13.5" y="30.5" width="24" height="483"
                stroke-width="5" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.049999999999999996"
                transform="translate(-1,-1)"></rect> <rect fill="none" x="13.5"
                y="30.5" width="24" height="485" stroke-width="3" stroke="black"
                rx="0" ry="0" isShadow="true"
                stroke-opacity="0.09999999999999999" transform="translate(-1,-1)"></rect>
            <rect fill="none" x="13.5" y="30.5" width="24" height="487"
                stroke-width="1" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.15" transform="translate(-1,-1)"></rect> <rect
                fill="#4572A7" x="13.5" y="30.5" width="24" height="488"
                stroke-width="1" stroke="#FFFFFF" rx="0" ry="0"></rect></g> <g
                class="highcharts-markers" visibility="visible" zIndex="0.1"
                transform="translate(613,212) rotate(90) scale(-1,1)" width="558"
                height="202"></g> <g class="highcharts-series"
                visibility="visible" zIndex="0.1"
                transform="translate(613,212) rotate(90) scale(-1,1)" width="558"
                height="202" clip-path="url(#highcharts-5)"> <rect
                fill="none" x="164.5" y="347.5" width="24" height="205"
                stroke-width="5" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.049999999999999996"
                transform="translate(-1,-1)"></rect> <rect fill="none" x="164.5"
                y="347.5" width="24" height="207" stroke-width="3" stroke="black"
                rx="0" ry="0" isShadow="true"
                stroke-opacity="0.09999999999999999" transform="translate(-1,-1)"></rect>
            <rect fill="none" x="164.5" y="347.5" width="24" height="209"
                stroke-width="1" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.15" transform="translate(-1,-1)"></rect> <rect
                fill="#AA4643" x="164.5" y="347.5" width="24" height="210"
                stroke-width="1" stroke="#FFFFFF" rx="0" ry="0"></rect> <rect
                fill="none" x="114.5" y="396.5" width="24" height="156"
                stroke-width="5" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.049999999999999996"
                transform="translate(-1,-1)"></rect> <rect fill="none" x="114.5"
                y="396.5" width="24" height="158" stroke-width="3" stroke="black"
                rx="0" ry="0" isShadow="true"
                stroke-opacity="0.09999999999999999" transform="translate(-1,-1)"></rect>
            <rect fill="none" x="114.5" y="396.5" width="24" height="160"
                stroke-width="1" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.15" transform="translate(-1,-1)"></rect> <rect
                fill="#AA4643" x="114.5" y="396.5" width="24" height="161"
                stroke-width="1" stroke="#FFFFFF" rx="0" ry="0"></rect> <rect
                fill="none" x="63.5" y="453.5" width="24" height="99"
                stroke-width="5" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.049999999999999996"
                transform="translate(-1,-1)"></rect> <rect fill="none" x="63.5"
                y="453.5" width="24" height="101" stroke-width="3" stroke="black"
                rx="0" ry="0" isShadow="true"
                stroke-opacity="0.09999999999999999" transform="translate(-1,-1)"></rect>
            <rect fill="none" x="63.5" y="453.5" width="24" height="103"
                stroke-width="1" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.15" transform="translate(-1,-1)"></rect> <rect
                fill="#AA4643" x="63.5" y="453.5" width="24" height="104"
                stroke-width="1" stroke="#FFFFFF" rx="0" ry="0"></rect> <rect
                fill="none" x="13.5" y="518.5" width="24" height="34"
                stroke-width="5" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.049999999999999996"
                transform="translate(-1,-1)"></rect> <rect fill="none" x="13.5"
                y="518.5" width="24" height="36" stroke-width="3" stroke="black"
                rx="0" ry="0" isShadow="true"
                stroke-opacity="0.09999999999999999" transform="translate(-1,-1)"></rect>
            <rect fill="none" x="13.5" y="518.5" width="24" height="38"
                stroke-width="1" stroke="black" rx="0" ry="0" isShadow="true"
                stroke-opacity="0.15" transform="translate(-1,-1)"></rect> <rect
                fill="#AA4643" x="13.5" y="518.5" width="24" height="39"
                stroke-width="1" stroke="#FFFFFF" rx="0" ry="0"></rect></g> <g
                class="highcharts-markers" visibility="visible" zIndex="0.1"
                transform="translate(613,212) rotate(90) scale(-1,1)" width="558"
                height="202"></g></g> <g class="highcharts-legend" zIndex="7"
                transform="translate(233,258)"> <rect rx="5" ry="5"
                fill="#FFFFFF" x="0.5" y="0.5" width="157" height="26"
                stroke-width="1" stroke="#909090" visibility="visible"></rect> <g
                zIndex="1" clip-path="url(#highcharts-4)"> <g> <g
                class="highcharts-legend-item" zIndex="1"
                transform="translate(8,3)"> <text x="21" y="15"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;color:#3E576F;fill:#3E576F;"
                text-anchor="start" zIndex="2"> <tspan x="21">Lãi</tspan></text>
            <rect rx="2" ry="2" fill="#AA4643" x="0" y="4" width="16"
                height="12" stroke-width="0.000001" zIndex="3" stroke="#AA4643"></rect></g>
            <g class="highcharts-legend-item" zIndex="1"
                transform="translate(80,3)"> <text x="21" y="15"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;color:#3E576F;fill:#3E576F;"
                text-anchor="start" zIndex="2"> <tspan x="21">Gốc</tspan></text>
            <rect rx="2" ry="2" fill="#4572A7" x="0" y="4" width="16"
                height="12" stroke-width="0.000001" zIndex="3" stroke="#4572A7"></rect></g></g></g></g>
            <g class="highcharts-axis-labels" zIndex="7"> <text x="47"
                y="33.86110061804701"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:259px;color:#666;line-height:14px;fill:#666;"
                text-anchor="end" transform="rotate(-25 47 33)"> <tspan
                x="47">Năm 1</tspan></text> <text x="47" y="84.361100618047"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:259px;color:#666;line-height:14px;fill:#666;"
                text-anchor="end" transform="rotate(-25 47 84)"> <tspan
                x="47">Năm 2</tspan></text> <text x="47" y="134.861100618047"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:259px;color:#666;line-height:14px;fill:#666;"
                text-anchor="end" transform="rotate(-25 47 134)"> <tspan
                x="47">Năm 3</tspan></text> <text x="47" y="185.361100618047"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:259px;color:#666;line-height:14px;fill:#666;"
                text-anchor="end" transform="rotate(-25 47 185)"> <tspan
                x="47">Năm 4</tspan></text></g> <g class="highcharts-axis-labels"
                zIndex="7"> <text x="55" y="226"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;"
                text-anchor="middle"> <tspan x="55">0k</tspan></text> <text
                x="134.71428571428572" y="226"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;"
                text-anchor="middle"> <tspan x="134.71428571428572">10k</tspan></text>
            <text x="214.42857142857144" y="226"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;"
                text-anchor="middle"> <tspan x="214.42857142857144">20k</tspan></text>
            <text x="294.14285714285717" y="226"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;"
                text-anchor="middle"> <tspan x="294.14285714285717">30k</tspan></text>
            <text x="373.8571428571429" y="226"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;"
                text-anchor="middle"> <tspan x="373.8571428571429">40k</tspan></text>
            <text x="453.5714285714286" y="226"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;"
                text-anchor="middle"> <tspan x="453.5714285714286">50k</tspan></text>
            <text x="533.2857142857143" y="226"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;"
                text-anchor="middle"> <tspan x="533.2857142857143">60k</tspan></text>
            <text x="613" y="226"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;"
                text-anchor="middle"> <tspan x="613">70k</tspan></text></g> <g
                class="highcharts-tooltip" zIndex="8"
                style="padding:0;white-space:nowrap;" visibility="hidden"> <rect
                rx="5" ry="5" fill="none" x="0" y="0" width="10" height="10"
                stroke-width="5" fill-opacity="0.85" isShadow="true"
                stroke="black" stroke-opacity="0.049999999999999996"
                transform="translate(1, 1)"></rect> <rect rx="5" ry="5"
                fill="none" x="0" y="0" width="10" height="10" stroke-width="3"
                fill-opacity="0.85" isShadow="true" stroke="black"
                stroke-opacity="0.09999999999999999" transform="translate(1, 1)"></rect>
            <rect rx="5" ry="5" fill="none" x="0" y="0" width="10" height="10"
                stroke-width="1" fill-opacity="0.85" isShadow="true"
                stroke="black" stroke-opacity="0.15" transform="translate(1, 1)"></rect>
            <rect rx="5" ry="5" fill="rgb(255,255,255)" x="0" y="0" width="10"
                height="10" stroke-width="2" fill-opacity="0.85"></rect> <text
                x="5" y="18"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333333;fill:#333333;"
                zIndex="1"></text></g> <text x="613" y="295"
                style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:10px;cursor:pointer;color:#909090;fill:#909090;"
                text-anchor="end" zIndex="8"></text> <g
                class="highcharts-tracker" zIndex="9"> <g
                visibility="visible" zIndex="1"
                transform="translate(613,212) rotate(90) scale(-1,1)" width="558"
                height="202" clip-path="url(#highcharts-5)"> <rect
                fill="rgb(192,192,192)" x="13.5" y="30.5" width="24" height="488"
                isTracker="1366707972030" fill-opacity="0.0001"
                visibility="visible" style=""></rect> <rect
                fill="rgb(192,192,192)" x="63.5" y="30.5" width="24" height="423"
                isTracker="1366707972030" fill-opacity="0.0001"
                visibility="visible" style=""></rect> <rect
                fill="rgb(192,192,192)" x="114.5" y="30.5" width="24"
                height="366" isTracker="1366707972030" fill-opacity="0.0001"
                visibility="visible" style=""></rect> <rect
                fill="rgb(192,192,192)" x="164.5" y="30.5" width="24"
                height="317" isTracker="1366707972030" fill-opacity="0.0001"
                visibility="visible" style=""></rect></g> <g visibility="visible"
                zIndex="1" transform="translate(613,212) rotate(90) scale(-1,1)"
                width="558" height="202" clip-path="url(#highcharts-5)"> <rect
                fill="rgb(192,192,192)" x="13.5" y="518.5" width="24" height="39"
                isTracker="1366707972056" fill-opacity="0.0001"
                visibility="visible" style=""></rect> <rect
                fill="rgb(192,192,192)" x="63.5" y="453.5" width="24"
                height="104" isTracker="1366707972056" fill-opacity="0.0001"
                visibility="visible" style=""></rect> <rect
                fill="rgb(192,192,192)" x="114.5" y="396.5" width="24"
                height="161" isTracker="1366707972056" fill-opacity="0.0001"
                visibility="visible" style=""></rect> <rect
                fill="rgb(192,192,192)" x="164.5" y="347.5" width="24"
                height="210" isTracker="1366707972056" fill-opacity="0.0001"
                visibility="visible" style=""></rect></g></g></svg>
        </div>
    </div>
</div>

<div class="hl_emi_tbl_dis">
    <div id="tblpaymentsDetails">
        <table id="pmtTab"
            style="clear: both; background: none repeat scroll 0 0 #FCFCFC; margin: 0 0 20px 0; text-align: center;">
            <tbody>
                <tr>
                    <td height="20"
                        style="border: 1px solid #DBDAD7; background: #4572A7; border-top: 0; width: 90px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF;"
                        id="numHead">Năm</td>
                    <td height="20"
                        style="border: 1px solid #DBDAD7; background: #4572A7; border-top: 0; width: 110px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF;"
                        id="oldBal">Gốc</td>

                    <td align="center"
                        style="border: 1px solid #DBDAD7; background: #4572A7; border-top: 0; width: 110px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF;"
                        id="pt">Lãi</td>
                    <td
                        style="border: 1px solid #DBDAD7; background: #4572A7; border-top: 0; width: 210px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF;"
                        id="oil">Gốc còn lại</td>
                </tr>
                <tr height="18">
                    <td height="18" align="center" width="64" class="default_td">1</td>
                    <td align="center" width="64" class="default_td">39,766</td>
                    <td align="center" width="64" class="default_td">26,426</td>
                    <td align="center" width="64" class="default_td">1,60,234</td>
                </tr>
                <tr height="18">
                    <td height="18" align="center" width="64" class="default_td">2</td>
                    <td align="center" width="64" class="default_td">45,930</td>
                    <td align="center" width="64" class="default_td">20,262</td>
                    <td align="center" width="64" class="default_td">1,14,304</td>
                </tr>
                <tr height="18">
                    <td height="18" align="center" width="64" class="default_td">3</td>
                    <td align="center" width="64" class="default_td">53,054</td>
                    <td align="center" width="64" class="default_td">13,138</td>
                    <td align="center" width="64" class="default_td">61,250</td>
                </tr>
                <tr height="18">
                    <td height="18" align="center" width="64" class="default_td">4</td>
                    <td align="center" width="64" class="default_td">61,316</td>
                    <td align="center" width="64" class="default_td">4,914</td>
                    <td align="center" width="64" class="default_td">0</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<div style="clear: both;"></div>
<div class="pl_emi_cal_table" style="margin-top: 15px;">
    <table
        style="clear: both; background: none repeat scroll 0 0 #FCFCFC; margin: 0 0 20px 0; text-align: center;"
        width="100%">
        <tbody>
            <tr>
                <td height="20" style="border: 1px solid #DBDAD7; background: #4572A7; border-top: 0; width: 150px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF;">Tên Ngân Hàng</td>
                <td align="center" style="border: 1px solid #DBDAD7; background: #4572A7; border-top: 0; width: 150px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF;">Lãi Suất</td>
                <td style="border: 1px solid #DBDAD7; background: #4572A7; border-top: 0; width: 210px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF;"><div id="intr_text" align="center"><span style="width: 170px;" align="center">Thanh toán hàng tháng</span></div></td>
            </tr>
            <?php
			foreach($ratedatebasic as $entry) {
				$idbank = preg_replace('/[\s]+/','',$entry[0]);
			?>
            <tr height="18">
                <td height="18" align="center" class="default_td"><?php echo($entry[1]) ?> (<?php echo($entry[0]) ?>)</td>
                <td align="center" class="default_td"><?php echo($entry[2]) ?>% - <?php echo($entry[3]) ?>%</td>
                <td align="center" class="default_td"><div id="<?php echo($idbank) ?>_bnk"><span></span></div></td>
            </tr>
			<?php
            }
            ?>
            <!--<tr height="18">
                <td height="18" align="center" class="default_td">ICICI Bank</td>
                <td align="center" class="default_td">14% - 18.5%</td>
                <td align="center" class="default_td"><div id="icici_bnk"><span>5,465 - 5,927</span></div></td>
            </tr>
            <tr height="18">
                <td height="18" align="center" class="default_td">Bajaj Finserv</td>
                <td align="center" class="default_td">15.75% - 17%</td>
                <td align="center" class="default_td"><div id="bajaj_bnk"><span>5,642 - 5,771</span></div></td>
            </tr>
            <tr height="18">
                <td height="18" align="center" class="default_td">ING Vysya</td>
                <td align="center" class="default_td">14.50% - 18.25%</td>
                <td align="center" class="default_td"><div id="ing_bnk"><span>5,515 - 5,901</span></div></td>
            </tr>-->
    
        </tbody>
    </table>

</div>
<div style="clear: both;"></div>
<div class="pl_emi_cal_text">
	<?php 
	if(count($intro) == 1) {
	?>
    <div class="text11" style="color: #4c4c4c; width: 950px; margin-left: 8px; margin-top: 10px;"><?php echo($intro[0][1]) ?></div>
    <?php
	}
	?>
</div>
<div style="clear: both;"></div>


</div>
<script>
    function FloatTopDiv()
    {
        startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;
        startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;
        var d = document;
        function ml(id)
        {
            var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
            el.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
            el.x = startRX;
            el.y = startRY;
            return el;
        }
        function m2(id)
        {
            var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
            e2.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
            e2.x = startLX;
            e2.y = startLY;
            return e2;
        }
        window.stayTopLeft=function()
        {
            if (document.documentElement && document.documentElement.scrollTop)
                var pY =  document.documentElement;
            else if (document.body)
                var pY =  document.body;
            if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;};
            ftlObj.y += (pY+startRY-ftlObj.y)/16;
            ftlObj.sP(ftlObj.x, ftlObj.y);
            ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
            ftlObj2.sP(ftlObj2.x, ftlObj2.y);
            setTimeout("stayTopLeft()", 1);
        }
        ftlObj = ml("divAdRight");
        //stayTopLeft();
        ftlObj2 = m2("divAdLeft");
        stayTopLeft();
    }
    function ShowAdDiv()
    {
        var objAdDivRight = document.getElementById("divAdRight");
        var objAdDivLeft = document.getElementById("divAdLeft");
        if (document.body.clientWidth < 1000)
        {
            objAdDivRight.style.display = "none";
            objAdDivLeft.style.display = "none";
        }
        else
        {
            objAdDivRight.style.display = "block";
            objAdDivLeft.style.display = "block";
            FloatTopDiv();
        }
    }
</script>
<script>
document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");
</script>